<?php
$js_list = array("js/xmlhttp.js","js/wz_jsgraphics.js","js/language.js","keyboard/vk_loader.js");
$header_text = "Foreign Language";
$body_tag = "<body onload=\"more()\">"; 
include("header.php");
?>
<div id="RRec" class="Rec">
	<div class="RecHeader">Resources</div>
	<h2>Korean</h2>
	<ul>
	<li><a href="http://www.wandel.person.dk/korean.html" target="_new">Writing Korean</a></li>
	<li><a href="http://koreatimes.co.kr/www/news/art/art_list.asp?categoryCode=149" target="_new">Easy Korean Series</a></li>
	<li><a href="http://www.multilingualbooks.com/online-radio-korean.html" target="_new">Korean Internet Radio</a></li>
	<li><a href="http://www.indiana.edu/~koreanrs/kordic.html" target="_new">Korean Multimedia Dictionary</a></li>
	<li><a href="http://www.naver.com" target="_new">Naver</a></li>
	<li><a href="http://www.koreanclass101.com" target="_new">KoreanClass101.com</a></li>
	<li><a href="http://kr.infant.kids.yahoo.com/infantzone/infantmain.html" target="_new">Yahoo Infantzone - Korean</a></li>
	<li><a href="http://www.mysoju.com" target="_new" target="_new">Mysoju</a></li>
	<li><a href="http://korean.sogang.ac.kr" target="_new">Sogang Korean Program</a></li>
	<li><a href="http://www.hanbooks.com/koreanlanguage.html" target="_new">HanBooks</a></li>
	<li><a href="http://www.arirangtv.com" target="_new">Arirang TV</a></li>
	<li><a href="http://www.koreanschoolaa.org" target="_new">Korean School of Ann Arbor</a></li>
	<li><a href="http://www.codeproject.com/KB/scripting/jsvk.aspx?df=100&forumid=375441&exp=0&select=2306790" target="_new">VirtualKeyboard</a></li>
	<li><a href="http://www.lsa.umich.edu/asian/korean" target="_new">Korean Language Program - University of Michigan</a></li>
	<li><a href="http://en.wiktionary.org/wiki/Category:Korean_verbs" target="_new">Korean Verbs</a></li>
	</ul>
	<h2>French</h2>
	<ul>
	<li><a href="http://tlt.its.psu.edu/suggestions/international/bylanguage/french.html" target="_new">French Accent Codes</a></li>
	<li><a href="http://www.codeproject.com/KB/scripting/jsvk.aspx?df=100&forumid=375441&exp=0&select=2306790" target="_new">VirtualKeyboard</a></li>
	<li><a href="http://www.livemocha.com" target="_new">Livemocha</a></li>
	<li><a href="http://www.listenlive.eu/france.html" target="_new">French Radio</a></li>
	</ul>
	<script type="text/javascript">var dir='ko';</script>
	<script type="text/javascript" src= "http://text-to-speech.imtranslator.net/TTS/iframe.js"></script>
	<noscript><a href="http://www.imtranslator.com/" target="_blank">ImTranslator.com</a></noscript>			
</div>	
<div id="PRec" class="Rec">
	<div class="RecHeader">Practice</div>
		<div id="PickSide" class="side">
			<form name="practicef">
				<input type="hidden" name="listid" value="1">
				Language:
				<select name="language" id="language" onchange="showCards()">
					<option value="Korean">Korean</option>
					<!--<option value="French">French</option>-->
				</select><br>
				<table>
					<tr><td>Pool</td><td>&nbsp;</td><td>Practice Set</td></tr>
					<tr>
						<td style="vertical-align:top">
							<select name="pool" id="pool" style="width:160px;height:400px" multiple size="20">
							</select><br>
							<select name="wordlist" onchange="more()" style="width:160px">
							<option value="people" selected>People / &#49324;&#46988;</option>
							<option value="family">Family / &#44032;&#51313;</option>
							<option value="occupation">Occupation / &#51649;&#50629;</option>
							<option value="body">Body / &#47800;</option>
							<option value="location">Location / &#51109;&#49548;</option>
							<option value="dailylife1">Daily Life 1 / &#51068;&#49345;&#49373;&#54876; 1</option>
							<option value="schoollife">School Life / &#54617;&#44368;&#49373;&#54876;</option>
							<option value="officelife">Office Life / &#54924;&#49324;&#49373;&#54876;</option>
							<option value="food1">Food 1 / &#51020;&#49885; 1</option>
							<option value="clothing">Clothing / &#51032;&#47448;</option>
							<option value="household">Household / &#51452;&#44144;</option>
							<option value="cleaning">Cleaning / &#52397;&#49548;</option>
							<option value="transportation">Transportation / &#44368;&#53685;</option>
							<option value="hobbies">Hobbies / &#52712;&#48120;</option>
							<option value="weather">Weather / &#45216;&#50472;</option>
							<option value="time">Time / &#49884;&#44036;</option>
							<option value="direction">Direction / &#48169;&#54693;</option>
							<option value="nature">Nature / &#51088;&#50672;</option>
							<option value="size">Size / &#53356;&#44032;</option>
							<option value="emotion1">Emotion 1 / &#44048;&#51221; 1</option>
							<option value="action1">Action 1 / &#46041;&#51089; 1</option>
							<option value="world">World / &#49464;&#44172;</option>
							<option value="numbers">Numbers / &#49707;&#51088;</option>
							<option value="colors">Colors / &#49352;&#44628;</option>
							<option value="illness">Illness / &#51656;&#48337;</option>
							<option value="hospital">Hospital / &#48337;&#50896;</option>
							<option value="food2">Food 2 / &#51020;&#49885; 2</option>
							<option value="companylife">Company Life / &#51649;&#51109;&#49373;&#54876;</option>
							<option value="education">Education / &#44368;&#50977;</option>
							</select>
						</td>
						<td>
							<input type="button" value="+" onclick="copyToPickList()" title="Add selected item(s) to the practice set"><br>
							<input type="button" value=">>" onclick="copyAllToPickList()" title="Add all items to the practice set">
						</td>
						<td style="vertical-align:top">
							<select name="picklist" id="picklist" style="width:160px;height:400px" multiple size="20">
							</select><br>
							<input type="button" name="addbutton" value="Add" onclick="addOwn()" title="Add your own item(s) to the practice set">
							<input type="button" name="deletebutton" value="Remove" onclick="removeFromPickList()" title="Remove selected items from the practice set">
							<input type="button" name="loadbutton" value="Load" onclick="loadItems()" title="Load saved items">
							<input type="button" name="savebutton" value="Save" onclick="saveItems()" title="Save items">
							<input type="button" name="savebutton" value="Export" onclick="exportItems()" title="Export to xml">
							<input type="button" name="clearbutton" value="Clear" onclick="clearItems()" title="Clear all the items from the practice set">
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div id="ShowSide" class="side">
			<div id="Tab0" class="tab" onclick="clickTab(0)">Flashcards</div>
			<div id="Tab1" class="tab" onclick="clickTab(1)">Memory</div>
			<div id="Tab2" class="tab" onclick="clickTab(2)">Matching</div>
			<div id="Tab3" class="tab" onclick="clickTab(3)">Grammar</div>
			<div id="Tab4" class="tab" onclick="clickTab(4)">Keyboard</div>
			<div id="Content0" class="content">
				<form name="cardsf">
					<div class="indented_50">
						<input type="radio" name="showcards" value="English" checked onclick="shuffle()"> English
						<input type="radio" name="showcards" value="Korean" onclick="shuffle()"> <span id="cardtype_span">Korean</span>
						<input type="button" value="Shuffle" onclick="shuffle()">
						<div id="OuterCardDisp"><div id="MiddleCardDisp"><div id="InnerCardDisp"></div></div></div>
						<input type="hidden" name="cardorder">
						<input type="hidden" name="currentcard" value="0">
						<input type="hidden" name="word1">
						<input type="hidden" name="word2">
						<input type="text" name="entry" id="entry" size="20" onfocus="VirtualKeyboard.attachInput(this)">
						<input type="button" value="Check" onclick="checkAnswer()">
						<input type="button" value="Show" onclick="showAnswer()">
						<input type="button" value="Next" onclick="nextCard()">
						<div id="kb"></div>
						<input id="showkb" type="button" value="Toggle Keyboard" onclick="VirtualKeyboard.toggle('entry','kb');switchLayout();return false">
					</div>
					<!--<div id="debug" style="overflow:scroll;height:200px"></div>-->
				</form>
			</div>
			<div id="Content1" class="content">
				<form name="gamef">
				<input type="hidden" name="pick" value="">
				<input type="hidden" name="matches" value="">
				<input type="button" name="newgame" value="Start Game" onclick="document.gamef.newgame.value='New Game';fillGame()">
				<script>
				showGame()
				</script>
				</form>
			</div>
			<div id="Content2" class="content">
				<form name="matchf">
				<input type="hidden" name="pairings" value="">
				<input type="hidden" name="leftId" value="">
				<input type="hidden" name="matches" value="">
				<input type="button" name="newmatching" value="Generate" onclick="fillMatching()">
				<input type="button" name="wronganswers" value="Highlight Wrong Answers" onclick="redrawPairings(true)">
				<input type="radio" name="showmatch" value="English" checked onclick="fillMatching()"> English
				<input type="radio" name="showmatch" value="Korean" onclick="fillMatching()"> <span id="cardtype_span">Korean</span>
				<script>
				showMatching();
				</script>
				</form>
			</div>			
			<div id="Content3" class="content">
<?php include("language-grammar.php");?>			
			</div>
			<div id="Content4" class="content">
				<iframe id="Keyboard" src="server/htmlcodes.html" frameborder="0" scrolling="no" width="485" height="455"></iframe>
			</div>
		</div>
	</div>
<?php include("footer.php");?>
